* {
	margin: 0px;
	padding: 0px;
}


/*轮播*/

@keyframes change {
	0% {
		margin-left: 0;
	}
	40% {
		margin-left: 0;
	}
	/*总共用10秒，0%到30% 也是3.333秒第一张图片停留位置后面以此类推*/
	43% {
		margin-left: -100%;
	}
	83% {
		margin-left: -100%;
	}
	86% {
		margin-left: -200%;
	}
	100% {
		margin-left: -200%;
	}
}

@keyframes changeSuccess {
	from {
		margin-left: 0;
	}
	to {
		margin-left: -200%;
	}
}

@keyframes clipMe {
	0%,100%{
				clip:rect(0px,345px,2px,0px);
			}
			
			25%{
				clip:rect(0px,2px,320px,0px);
			}
			50%{
				clip:rect(311px,336px,320px,0px);
			}
			75%{
				clip:rect(0px,336px,315px,334px);
			}
}

@keyframes changeLight {
	from {
		filter: brightness(80%);
	}
	50% {
		filter: brightness(200%);
	}
	to {
		filter: brightness(80%);
	}
}

@keyframes info {
	0% {
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		animation-timing-function: ease-in;
		opacity: 0;
	}
	2% {
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		animation-timing-function: ease-in;
	}
	4% {
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}
	6% {
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}
	8% {
		transform: perspective(400px)
	}
	100% {
		transform: perspective(400px)
	}
}

body {
	/*width: 1920px;
	height: 1080px;*/
	width: 96%;
	height: 96%;
	/*background-color:darkgray;*/
	background: url(../img/sky.gif) repeat;
	background-size: 45%;
	position: relative;
	font-family: "microsoft yahei";
	color: white;
	margin: 1%;
	overflow-y: hidden;
	overflow-x: hidden;
}


/*左边*/

.left {
	width: 27%;
	height: 766px;
	/*background-color: darkcyan;*/
	position: absolute;
	top: 0;
	left: 0;
}

.centre {
	width: 46%;
	height: 766px;
	/*background-color:palevioletred;*/
	margin-left: -23%;
	position: absolute;
	left: 50%;
}

.right {
	width: 27%;
	height: 766px;
	/*background-color: darksalmon;*/
	position: absolute;
	top: 0;
	right: 0;
}


/*左上右上*/

.leftTop,
.rightTop {
	width: 100%;
	height: 26%;
	position: absolute;
	top: 0;
	/*border: 1px solid rgba(42,198,213,0.2);*/
	/*background-color:limegreen;*/
}


/*左中 右中*/

.leftMiddle,
.rightMiddle {
	width: 100%;
	height: 43%;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.1);
	/*background: url(../img/边框2.png);*/
	/*box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.59);*/
	background-size: 100% 100%;
	overflow: hidden;
	position: absolute;
	top: 26%;
	bottom: 0;
	left: 0;
	right: 0;
}

/*.leftMiddle img,
.rightMiddle img {
	width: 100%;
	height: 100%;
	position: absolute;
	animation: changeLight 3s linear infinite;
}*/

.leftMiddle::before,
.leftMiddle::after,
.rightMiddle::before,
.rightMiddle::after {
	position: absolute;
	top: 10%;
	bottom: 10%;
	left: 10%;
	right: 10%;
}

.leftMiddle::before, .leftMiddle::after, .rightMiddle::before, .rightMiddle::after {
  content: '';
  z-index: -1;
  margin: -7%;
  box-shadow: inset 0 0 0 2px;
  /*clip:rect(311px,336px,320px,0px);*/
  animation: clipMe 16s linear infinite;
}


.leftMiddle::before, .rightMiddle::before {
  animation-delay: -8s;
}


/*左中轮播*/

.leftTurn,
.rightMTurn {
	width: 300%;
	height: 100%;
	/*background-color: lightblue;*/
	animation: change 20s linear infinite;
}

.rightBTurn {
	width: 300%;
	height: 100%;
	/*background-color: gold;*/
	animation: change 20s linear infinite;
}

.rightBTurn div ul{
	list-style-position: inside;
	list-style-image:url(../img/blue.png) ;
	font-size: 14px;
	/*padding-left:12% ;*/
	/*margin-left: 12%;*/
}
.rightBTurn div ul li{
	line-height: 2.2em;
	
}
.rightBTurn div ul span{
	font-weight: bold;
	font-size: 16px;
}


#main121,
#main1211,
#main122,
#main111,
#main112,
#main331,
#main332,
#main333,
#main322,
#main321,
#main323 {
	float: left;
	display: inline;
}

#main322,
#main321,
#main323 {
	padding: 0% 2% 2% 2%;
}

.rightTop table {
	width: 95%;
	height: 95%;
	margin: auto;
	border: 2px solid rgb(30, 66, 88);
	font-size: 0.8em;
	color: white;
	text-align: center;
}


/*表格*/

table .tr2 {
	background-color: rgba(52, 198, 213, 0.5);
}

.td4 div {
	height: 5px;
	border: 1px solid gainsboro;
	border-radius: 3px;
	background-color: rgb(52, 198, 213);
	display: inline-block;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
	float: left;
	margin-left: 5px;
	margin-top: 5px;
}

.td4 span {
	float: right;
	padding-right: 3px;
}


/*左下 右下*/

.leftBottom,
.rightBottom {
	width: 100%;
	height: 28%;
	/*background-color:aliceblue;*/
	margin-top: 3%;
	position: absolute;
	bottom: 0;
	overflow: hidden;
}


/*中间*/

.centreTop {
	width: 100%;
	height: 37%;
	/*background-color: navy;*/
	position: absolute;
}

.centreBottom {
	width: 100%;
	height: 63%;
	/*background-color: cyan;*/
	position: absolute;
	bottom: 0;
	margin: 11% -8%;
	/*overflow: hidden;*/
}

.centreTop h1 {
	/*color: #fafafa;*/
	padding-top: 30px;
	font-size: 41px;
	letter-spacing: 0;
	/*text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135 ;*/
	text-align: center;
	font-weight: 100;
}


/*数字时钟*/

.centreTop .centreTopTime {
	width: 150px;
	height: 20px;
	float: right;
	padding-right: 27px;
	/*background-color: red;*/
}

.centreTop .centreTop_info {
	width: 90%;
	height: 50%;
	/*background-color: #D9EDF7;*/
	margin: auto;
	margin-top: 5%;
}

.info_one,
.info_two {
	text-align: center;
}

.info_one h2 {
	font-size: 16px;
}

.info_one p {
	font-size: 5em;
	animation: info 15s linear infinite;
}

.info_two p {
	font-size: 2em;
}

.info_two h2 {
	font-size: 16px;
}